<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../group/绿色网站/css/normal.css">
    <link rel="stylesheet" href="../group/绿色网站/css/computer.css" media="(min-width: 1024px)">
    <link rel="stylesheet" href="../group/绿色网站/css/phone.css" media="(max-width: 768px)">
    <link rel="stylesheet" href="../group/轮播图/CSS/轮播图.css">
    <link rel="stylesheet" href="../group/内容板块/内容.css">
    <link rel="stylesheet" href="../group/导航栏/CSS/topmenu.css">

</head>
<body>


    <!-- 导航栏 -->
    <div class="topmenumedia">
        <div class="topmenumedia" id="topmenu2">
            <div class="topmenudownin">
                <div class="topmenudowninlogo"><span class="inG">G</span><span class="inGback">reensward</span></div>
                <div class="topmenudowninrlist">
                    <ul class="inlist">
                        <a href="../group/绿色网站.html"><li class="inlistitem">首页</li></a>
                        <a href="../group/Flex布局/index.html"><li class="inlistitem">Flex布局</li></a>
                        <a href="../group/响应式/响应式.html"><li class="inlistitem">响应式布局</li></a>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="topmenuup" id="topmenu1">
        <div style="padding: 14px 15px 14px 15px;">
            <div class="topmenuin">
                <div class="topmenuhead">
                    <div class="topmenuheadleft">
                        <ul>
                            <li class="topmenulistitem">小组成员</li>
                            <li class="topmenulistitem"><a href="https://gitee.com/lijiawo">肖磊</a></li>
                            <li class="topmenulistitem"><a href="https://gitee.com/King-Joe">王嘉杰</a></li>
                            <li class="topmenulistitem"><a href="https://gitee.com/llppcll">莫云飞</a></li>
                            <li class="topmenulistitem"><a href="https://gitee.com/xuan-shuliang">梁树煊</a></li>
                            <li class="topmenulistitem"><a href="https://gitee.com/aurora-01">梁韦健</a></li>
                        </ul>
                    </div>
                    <div style="flex: 1;"></div>
                    <div class="topmenuheadright">
                        <a href="https://gitee.com/lijiawo/group" id="topri"><img src="../group/导航栏/img/my.png" alt="Error" height="24px"><span style="margin-left: 15px;" class="topmenulistitem">小组仓库</span></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="topmenudown" id="topmenu2">
            <div class="topmenudownin">
                <div class="topmenudowninlogo"><span class="inG">G</span><span class="inGback">reensward</span></div>
                <div class="topmenudowninrlist">
                    <ul class="inlist">
                        <a href="../group/绿色网站.html"><li class="inlistitem">首页</li></a>
                        <a href="../group/Flex布局/index.html"><li class="inlistitem">Flex布局</li></a>
                        <a href="../group/响应式/响应式.html"><li class="inlistitem">响应式布局</li></a>
                    </ul>
                </div>
            </div>
        </div>
    </div>



    <!-- 轮播图 -->
    <div style="margin-top: 90px;" class="slide">
        <input type="radio" name='pic' id='pic1' checked>
        <input type="radio" name='pic' id='pic2'>
        <input type="radio" name='pic' id='pic3'>
        <input type="radio" name='pic' id='pic4'>
        <div class="labels">
          <label for="pic1"></label>
          <label for="pic2"></label>
          <label for="pic3"></label>
          <label for="pic4"></label>
        </div>
        <ul class="list">
          <li class="item item1"></li>
          <li class="item item2"></li>
          <li class="item item3"></li>
          <li class="item item4"></li>
          <li class="item item1"></li>
        </ul>
      </div>

    

    <!-- 历史介绍 -->
    
    <div class="mid-introduce">
     <div class="intro-row">
    <div class="intro-pic">
    
     <img src="../group/绿色网站/img/feminine_grow.jpg" alt="">
     </div>
    
    <div class="intro-content">
     <h3 class="mid-head">SINCE <span>2000</span></h3>
    <h3 class="mid-head-pural">We Have <span>30+</span> Years of Experience</h3>
     <p class="mid-content">"Orem ipsum viverra feugiat. Pellen tesque libero ut justo, ultrices in ligula. Semper at tempufddfel. Lorem ipsum dolor sit amet consectetur adipisicing elit. Non quae, fugiat".</p>
     </div>
 </div>
    </div>
    
    




      <!-- 中间部分 -->
    
    <div class="content-bigdiv">
        <div class="comtent-1">
            <div class="content-test">
                <p class="content-test1">WHAT WE DO?</p>
                <h3 class="content-title">
                    Our<span>Services</span>
                </h3>
            </div>
            <div class="content-grid">
                <div class="content-grid1">
                    <h5>花园护理</h5>
                    <p class="content-grid1-test1">我们专业的团队会定期为您的花园提供全面的护理。这包括修剪草坪、修整植物、除草、施肥和保持花园整洁。我们致力于让您的花园始终保持绿意盎然。 </p>
                </div>
                <div class="content-grid1">
                    <h5>植被种植</h5>
                    <p class="content-grid1-test1">我们不仅提供植物的护理，还可以帮助您选择适合您花园的植被。从鲜花到灌木，我们会根据您的喜好和花园的特点为您提供最佳的植被种植方案。 </p>
                </div>
                <div class="content-grid1">
                    <h5>修剪树叶</h5>
                    <p class="content-grid1-test1">树叶修剪是保持花园整洁的关键步骤。我们会定期修剪树叶，确保树木健康，并清除落叶，使您的花园始终保持整洁。 </p>
                </div>
                <div class="content-grid1">
                    <h5>浇灌花园</h5>
                    <p class="content-grid1-test1">正确的浇水是花园健康的关键。我们会根据季节和植物的需求制定合理的浇水计划，确保您的花园获得足够的水分 </p>
                </div>
            </div>
        </div>
    </div>



    <div class="content-bigdiv">
        <div class="content-test">
            <p class="content-test1">SERVICES</p>
            <h3 class="content-title">
                We Provide the Best 
                <span>Services</span>
            </h3>
        </div>
        <div class="content-grid-1">
            <div class="content-grid-1-1">
                <div class="content-grid2_1"></div>
                <div class="content-grid2-1">
                    <h5>浇灌花园:</h5>
                    <p class="content-grid1-test2">我们会根据季节和植物的需求制定合理的浇水计划，确保您的花园获得足够的水分。我们致力于让您的花园始终保持绿意盎然。 </p>
                </div>
            </div>
            <div class="content-grid-1-1">
                <div class="content-grid2_2"></div>
                <div class="content-grid2-1">
                    <h5>园林设计:</h5>
                    <p class="content-grid1-test2">我们的专业设计师将根据您的喜好和花园的特点，为您量身定制独特的园林设计方案。无论是小巧的庭院还是宽敞的花园，我们都能为您打造美丽的景观。 </p>
                </div>
            </div>
            <div class="content-grid-1-1">
                <div class="content-grid2_3"></div>
                <div class="content-grid2-1">
                    <h5>草坪维护:</h5>
                    <p class="content-grid1-test2">我们会定期修剪草坪、施肥、除草，确保您的草坪始终保持整洁、健康。让您的草坪成为邻里羡慕的焦点。 </p>
                </div>
            </div>
        </div>
    </div>

<!-- 尾部关于我们 -->



 <div class="last_introduce">
     <div class="last_inroduce_pic">
    <img src="../绿色网站/img/feminine_grow2.jpg" alt="">
     </div>
    
     <div class="last_introduce_content">
     <div class="last_introduce_content_tit">
    <p class="last_introduce_content_title">WELCOME</p>
    <h3 class="last_introduce_content_title_pural">About <span>Us</span></h3>
     </div>
     <div class="last_introduce_text">
     <div class="last_introduce_content_pic_style"><img src="../group/绿色网站/img/CarbonThumbsUpFilled.png" alt=""></div>
     <h3>Our Mission</h3>
     <p>我们致力于成为行业领导者，通过提供卓越的植被护理服务，为客户创造持久的绿色空间。</p>
     </div>
     <div class="last_introduce_text">
    
    <div class="last_introduce_content_pic_style"><img src="../group/绿色网站/img/Fa6SolidHandPeace.png"></div>
    <h3>Our Vision</h3>
     <p>我们的使命是通过专业的植被护理，增强社区的生态美感，同时推广可持续的绿色生活方式。</p>
     </div>
     <div class="last_introduce_text">
     <div class="last_introduce_content_pic_style"><img src="../group/绿色网站/img/MaterialSymbolsLightbulb.png"></div>
     <h3>Who we are</h3>
     <p>我们是一群热爱自然的专业人士，拥有丰富的植被护理经验，致力于让每一个花园都充满生机。</p></div>
     <div class="last_introduce_text">
     <div class="last_introduce_content_pic_style"><img src="../group/绿色网站/img/MaterialSymbolsGrass.png"></div>
    <h3>What we do</h3>
     <p>我们将提供全面的植被护理服务，包括花园设计、草坪维护、树木修剪和定期浇水，确保每个花园都能展现其最佳状态。</p></div>
     </div>
    
    
     </div>






    <!-- 尾部 -->


    <div class="footer">
        <div class="footer-container">
            <div class="footer-logo">
                <a href="/">
                    <img src="../group/绿色网站/img/logo.png" alt="">
                </a>
            </div>


            <div class="introduce">
                <h5>GreenGuardians致力于提供专业的绿植护理服务，我们用心呵护每一片绿叶，让您的空间焕发自然生机。环保，健康，美丽，我们为您的绿色生活保驾护航
                </h5>

            </div>



            <div class="my-logo">
                <a href="https://gitee.com/lijiawo/group">
                    <img src="../group/绿色网站/img/my.png" alt="">
                </a>
            </div>


        </div>
        


        <div class="grids">
            <div class="grid-link">
                <h3>联系我们</h3>
                <ul>
                    <li>
                        
                        <a href="">ljiawo6@gmail.com</a>
                    </li>
                    <li class="mid-grip">
                        <a href="" style="padding: 16px 0px;">+86-88888888888</a>
                    </li>
                    <li>
                        <a href="">北滘国北滘大逼煊庄园</a>
                    </li>
                </ul>
            </div>
            <div class="grid-archive">
                <h3>档案</h3>
                <ul>
                    <li>
                        <a href="">2024年5月</a>
                    </li>
                    <li>
                        <a href="">2024年2月</a>
                    </li>
                    
                </ul>
            </div>
            <div class="grid-categoire">
                <h3>种类</h3>
                <ul>
                    <li><a href="">种植</a></li>
                    <li><a href="">园艺</a></li>
                    
                </ul>
            </div>
            <div class="grid-send">
                <h3>最新资讯订阅</h3>
                <div class="end-form">
                    <!-- <form action class="subscribe" method="post">
                        <input type="email" name="email" placeholder="邮箱地址" required="">
                        <button class="form-button">
                            <img src="../绿色网站/img/MaterialSymbolsSend.png" alt="">
                        </button>
                    </form> -->
                    <!-- <p>填写邮箱获取最新资讯与最新优惠</p> -->
                </div>
            </div>
        </div>
        
        <!-- copyright -->
        <div class="copyright">
            <div class="copyright-container">
                <p>
                    © 2024 GreenGuardians ALL Rights Reserved | 
                <a href="https://gitee.com/lijiawo/group">绿色网站</a></p>
            </div>

        </div>


        <!-- 导航栏 -->
        <script src="../group/导航栏/Script/topmenu.js"></script>


    </div>
</body>
</html>